<!DOCTYPE html>
<html>
<head>
    <title>流程图查看</title>
</head>
<body>
<div>
    <h3>流程实例图</h3>
    <img :src="diagramUrl" alt="流程图" style="max-width: 100%;"/>
</div>

<script>
    // 获取流程实例ID（从URL参数或全局变量）
    const processInstanceId = getProcessInstanceId();
    const diagramUrl = `/api/process/diagram/${processInstanceId}`;

    // 图片自动刷新（可选）
    setInterval(() => {
        document.querySelector('img').src = diagramUrl + '?t=' + new Date().getTime();
    }, 5000); // 每5秒刷新一次
</script>
</body>
</html>